/* 头部样式 */
#header {
	/* background: pink; */
	width: 1200px;
	/* 设置元素水平居中 */
	margin: 42px auto;
	height: 72px;
}

#header img {/* logo图片 */
	margin-left: 50px;
	margin-right: 33px;
	/* margin: 0px 33px 0px 50px; */
	vertical-align: middle;/* 让同行内当前元素的水平中线和其他元素对齐 */
}

/* 竖线 */
#header .line {/* 用后代选择器渲染会快些 */
	border: 2px solid #676767;
	height: 68px;/* 暂时不起作用 */
	/* 行内块元素可以设置宽高 */
	display: inline-block;/* 行内块：加了这个高才生效 */
	margin-right: 22px;
	background: #676767;/* 防止放大出现中空的问题，背景颜色和边框一样 */
	vertical-align: middle;
}

#header .wel-login {/* 欢迎登录 */
	font-size: 36px;
	color: #676767;/* 颜色和竖线一样 */
	vertical-align: middle;
}


/* 主体样式 */
#middler {
	/* background: yellow; */
	width: 1200px;
	margin: 0px auto;
	min-height: 478px;
	border: 7px solid #f0f0f0;
	border-width: 9px 7px;
}

#middler form {
	/* background: pink; */
	width: 385px;
	margin-left: 110px;
	/* 将元素设置为行内元素 */
	display: inline-block;
	/* 让当前元素和行内最高元素的顶部对齐 */
	vertical-align: top;
}

#middler form h1 {/* 登录 */
	text-align: center;
	margin: 87px 0px 20px;
	color: #333;
	font-size: 26px;
}

#err-msg {/* 错误提示 */
	color: #f00;
	font-size: 16px;
	text-align: center;
	margin-bottom: 9px;
}

#middler form input {
	width: 381px;
	height: 49px;
	border: 2px solid #ededed;
	font-size: 16px;
	color: #999;
	text-indent: 46px;
	margin-bottom: 32px;
}

#middler form input[name="username"] {
	/* 容器左上角为原点(0,0) ，水平方向向右是x轴，垂直方向向下是y轴*/
	/* x轴和y轴如果相同,可以只写一个,如下可以只写一个14px */
	background: #fff url(../img/u_ico.jpg) no-repeat 14px 14px;
	/* 分开写 */
	/* background-color: #fff;
	background-image: url(../img/u_ico.jpg);
	background-repeat: no-repeat;
	background-position: 14px; */
}

#middler form input[name="password"] {
	background: #fff url(../img/p_ico.jpg) no-repeat 14px 14px
}

#middler form input[type="submit"] {
	background: #f00;
	color: #fff;
	font-size: 20px;
	text-indent: 0px;/* 覆盖前面设置的首行缩进 */
	width: 385px;
	height: 52px;
}

/* 尾部样式 */
#footer {
	/* background: cyan; */
	width: 1200px;
	margin: 144px auto 0px;
	min-height: 100px;
}

#footer p {
	font-size: 14px;
	color: #999;
	text-align: center;
	line-height: 34px;
}